<template>
    <div class="contact-container" @click="btnAction('link4')">
        <img src="@/assets/imgs/contact.png" class="icon" />
        <span class="title">Contact Us</span>
    </div>
</template>

<script setup>
import { ref } from 'vue'
const emits = defineEmits(['btnTap'])

defineProps({
    msg: String,
})
const btnAction = (type) => {
    emits('btnTap', type)
    if (type == 'link3') {
        emailShow.value = !emailShow.value
    }
}

const count = ref(0)
</script>

<style lang="scss" scoped>
.contact-container {
    position: fixed;
    bottom: 30px;
    right: 20px;
    background-color: #E7F70F;
    width: 147px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;

    .icon {
        width: 15px;
        height: 15px;
        margin-right: 5px;
        margin-top: 2px;
    }

    .title {
        font-size: 14px;
    }
}
</style>